<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link href="css/reset.css" rel="stylesheet" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css">
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>

		<style type="text/css">
			.mui-bar-nav {
				-webkit-box-shadow: 0 0px 6px #ccc;
				box-shadow: 0 0px 6px #ccc;
			}			
			.mui-bar {
				background-color: #FFF;
				-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85);
				box-shadow: 0 0 0px rgba(0, 0, 0, .85);
			}
			header{
				width: 100%;
				background: #fff!important;
				border-bottom: 1px solid #ccc!important;
			}

			.ruqin{
				width: 95%;
				margin: 0 auto;
				background: #fff;
				border-radius: 10px;
			}
			.ruqin .top{
				width: 100%;
				height: 1.25rem;
				margin-top: 0.3rem;
				border-bottom: 1px solid #ccc;
			}
			.ruqin .top em{
				float: left;
				font-size: 0.47rem;
				color: #4D4D4D;
				padding: 0.4rem 3%;
			}
			.ruqin .top span{
				float: right;
				font-size: 0.41rem;
				color: #808080;
				padding: 0.4rem 3%;
			}
			.ruqin .mid{
				width: 100%;
				border-bottom: 1px solid #ccc;
				margin-top: 0.5rem;
				padding-bottom: 0.5rem;
			}
			.ruqin .mid img{
				float: left;
				width: 32%;
				height: 2.81rem;
				margin-left: 3%;
			}
			.ruqin .mid .right{
				float: left;
				width: 60%;
				margin-left: 4%;
				margin-top: 0.5rem;
			}
			.ruqin .mid .right1{
				font-size: 0.41rem;
				color: #4D4D4D;
				margin-bottom: 0.5rem;
			}
			.ruqin .mid .right em{
				font-size: 0.35rem;
				color: #808080;
			}
			.ruqin .bot{
				width: 100%;
				height: 1.25rem;
			}
			.ruqin .bot a{
				float: left;
				width: 49%;
				font-size: 0.47rem;
				color: #4198ff;
				text-align: center;
				padding: 0.35rem 0;
			}
			.ruqin .bot a:nth-child(1){
				border-right: 1px solid #ccc;
			}
			
			
			.bangding{
				width: 95%;
				margin: 0 auto;
				background: #fff;
				border-radius: 10px;
			}
			.bangding .top{
				width: 100%;
				height: 1.25rem;
				margin-top: 0.3rem;
				border-bottom: 1px solid #ccc;
			}
			.bangding .top em{
				float: left;
				font-size: 0.47rem;
				color: #4D4D4D;
				padding: 0.4rem 3%;
			}
			.bangding .top span{
				float: right;
				font-size: 0.41rem;
				color: #808080;
				padding: 0.4rem 3%;
			}
			.bangding .mid{
				width: 100%;
				margin-top: 0.5rem;
				padding-bottom: 0.5rem;
				border-bottom: 1px solid #ccc;
			}
			.bangding .mid div{
				font-size: 0.41rem;
				color: #4D4D4D;
				margin-left: 4%;
				margin-top: 0.4rem;
			}
			.bangding .mid span{
				font-size: 0.41rem;
				color: #808080;
			}
			.bangding .bot{
				width: 100%;
				height: 1.25rem;
			}
			.bangding .bot a{
				float: left;
				width: 49%;
				font-size: 0.47rem;
				color: #4198ff;
				text-align: center;
				padding: 0.35rem 0;
			}
			.bangding .bot a:nth-child(1){
				border-right: 1px solid #ccc;
			}
			
			.tongguo{
				width: 95%;
				margin: 0 auto;
				background: #fff;
				border-radius: 10px;
			}
			.tongguo .top{
				width: 100%;
				height: 1.25rem;
				margin-top: 0.3rem;
				border-bottom: 1px solid #ccc;
			}
			.tongguo .top em{
				float: left;
				font-size: 0.47rem;
				color: #4D4D4D;
				padding: 0.4rem 3%;
			}
			.tongguo .top span{
				float: right;
				font-size: 0.41rem;
				color: #808080;
				padding: 0.4rem 3%;
			}
			.tongguo .mid{
				width: 100%;
				border-bottom: 1px solid #ccc;
				margin-top: 0.5rem;
				padding-bottom: 0.5rem;
			}
			.tongguo .mid div{
				font-size: 0.41rem;
				color: #4D4D4D;
				margin-left: 4%;
				margin-top: 0.4rem;
			}
			.tongguo .mid span{
				font-size: 0.41rem;
				color: #808080;
			}
			html{
				background: #F2F2F2;
			}
			header em{
				float: left;
				width: 0.7rem;
				height: 1.2rem;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <em class="mui-action-back"><img src="img/fanhui.png" alt="" style="width: 0.47rem;margin-top: 0.3rem;margin-left: 0.1rem;"/></em>
		    <h1 class="mui-title">我的消息</h1>
			<input id="index-shop-lists-id" type="hidden">
			<input id="index-shop-lists" type="hidden">				    
		</header>
		<div class="mui-content">
				<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="border:0px solid palevioletred;">
					<div class="mui-scroll" style="border:0px solid #0000CC;">
						<ul class="shuju2" id="box_xiaoxi_list" style="padding-top: 44px;">

						</ul>
					</div>
				</div>
			
			<!--<div class="ruqin">
				<div class="top clearfix">
					<em>入侵警告</em>
					<span>2017-08-11 18:00</span>
				</div>
				<div class="mid clearfix">
					<img src="img/shuijiao.jpg" alt="" />
					<div class="right">
						<div class="right1">入侵人员：<em class="em1">张大飞</em>
							(<span>ID:</span><em class="em2">20170809</em>)
						</div>
						<span class="right1">时&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;间：<em>2017-06-06 18:00</em></span>
					</div>
				</div>
				<div class="bot clearfix">
					<a href="javascript:" >呼叫负责人</a>
					<a class="mui-icon mui-icon-left-nav mui-pull-left mui-action-back mui-icon-back">查看监控</a>
				</div>
			</div>
			<div class="bangding">
				<div class="top clearfix">
					<em>绑定审核</em>
					<span>2017-08-11 18:00</span>
				</div>
				<div class="mid clearfix">
					<div>申请人员：<span>张大飞</span>（<em>ID</em><span>20170809</span>）</div>
					<div>加入门店：<span>万达百货阿维提</span>（<em>ID</em><span>LY20170809</span>）</div>
					<div>申请时间：<span>2017-12-03 18:00</span></div>
				</div>
				<div class="bot clearfix">
					<a href="javascript:staff_modify_apply(0,shop_id,user_id);">不同意</a>
					<a href="javascript:staff_modify_apply(1,shop_id,user_id);">同意</a>
				</div>
			</div>
			<div class="tongguo">
				<div class="top clearfix">
					<em>通过审核</em>
					<span>2017-08-11 18:00</span>
				</div>
				<div class="mid clearfix">
					<div>加入门店：<span>万达百货阿维提</span>（<em>ID</em><span>LY20170809</span>）</div>
					<div>申请时间：<span>2017-12-03 18:00</span></div>
				</div>
			</div>-->
		</div>
		
		<script src="js/mui.min.js"></script>
		<script src="js/flexible.js"></script>
		<script src="js/mui.enterfocus.js"></script>
		<script src="js/app.js"></script>		
		<script src="js/jquery.js"></script>		
		<script src="js/crypto-js.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/fuction.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<script>
			var xout = 0;
			var count = 0;
			var pagenum = 10;
			var totalnum = 20;
			var pagesize = Math.floor(totalnum / pagenum);
			
			mui.ready(function() {
				//获取当前的客户数据
				xminereadyload();
				
				
			});

			//获取消息列表
			function notification_lists(count, pagenum) {
				var xbx = {}; //登录后的参数对象AES加密
				xbx.shop_id=user_info.look_shop_id; //是 店铺ID
				xbx.page=count ;    //
				xbx.limit=pagenum ;    //
				
				official_login_after(url_host + 'notification/lists', xbx, 'notification_lists');
			};
			
			
			function staff_modify_apply(apply,shop_id,user_id,id) {
				var xbx = {}; //登录后的参数对象AES加密
				xbx.shop_id=shop_id;   //店铺ID
				xbx.user_id=user_id;    //录入方式： 天，小时
				xbx.id=id;    //idmengdianid
				xbx.apply=apply;    

				official_login_after(url_host + 'staff/modify/apply', xbx, 'staff_modify_apply');
			};
		</script>
		
		<script>
			mui.init({
				pullRefresh: {
					container: '#pullrefresh',
					up: {
						contentrefresh: '正在加载...',
						callback: pullupRefresh
					}
				}
			});

			/**
			 * 上拉加载具体业务实现
			 */
			function pullupRefresh() {
				setTimeout(function() {
					mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > pagesize)); //参数为true代表没有更多数据了。

					//获取消息列表
					notification_lists(count, pagenum) ;

				}, 800);
			}
			if(mui.os.plus) {
				mui.plusReady(function() {
					setTimeout(function() {
						mui('#pullrefresh').pullRefresh().pullupLoading();
					}, 1000);

				});
			} else {
				mui.ready(function() {
					mui('#pullrefresh').pullRefresh().pullupLoading();
				});
			}
			$(function() {
				//mui触屏点击
				$("#pullrefresh").on('tap', 'li', function(event) {
					var url = $(this).attr("data-url");
					location.href = url;
				});
			});
		</script>		
	</body>
</html>